	@import '@/common/uni.css';
	
	
/*轮播图*/
	.swiper {
		width: 100%;
		margin-bottom: 20upx;
		display: flex;
		justify-content: center;

		.swiper-box {
			width: 92%;
			height: 40vw;
			overflow: hidden;
			border-radius: 15upx;
			box-shadow: 0upx 8upx 25upx rgba(0, 0, 0, 0.2);
			//兼容ios，微信小程序
			position: relative;
			z-index: 1;

			swiper {
				width: 100%;
				height: 40vw;

				swiper-item {
					image {
						width: 100%;
						height: 40vw;
					}
				}
			}
		}
	}
		
	// 顶部图片
	.banner {
		height: 360rpx;
		overflow: hidden;
		position: relative;
		background-color: rgba($color:rgb(151, 44, 34), $alpha: 0.6);
		margin-bottom: 1vh;
	
	
		.banner-img {
			width: 100%;
		}
	
		.banner-title {
			max-height: 84rpx;
			overflow: hidden;
			position: absolute;
			left: 30rpx;
			bottom: 30rpx;
			width: 90%;
			font-size: 32rpx;
			font-weight: 400;
			line-height: 42rpx;
			color: white;
			z-index: 11;
		}
	}
	// 滚动栏
	.tabs {
		padding-top: 6vh;
		flex: 1;
		flex-direction: column;
		overflow: hidden;
		background-color: #ffffff;
		/* #ifdef MP-ALIPAY || MP-BAIDU */
		height: 100vh;
		/* #endif */
	
	
		// 菜单栏
		.nuter {
			width: 100%;
			line-height: 80rpx;
			display: flex;
			justify-content: space-around;
			font-size: 35rpx;
			position: fixed;
			top: var(--window-top);
			z-index: 666;
	
			view {
				flex: 1;
				font-size: 30rpx;
				text-align: center;
				transition: all 0.5s ease .1s;
				background-color: #ffffff !important;
			}
	
			.active {
				box-shadow: 3px 3px 5px #888888;
			}
	
		}
	
	
	
		// 内容栏
		.swiper-box {
			flex: 1;
			height: 87vh;
			padding-top: 1vh;
	
			
	
			.swiper-item {
				flex: 1;
				flex-direction: row;
	
	
				.scroll-v {
					flex: 1;
					/* #ifndef MP-ALIPAY */
					flex-direction: column;
					/* #endif */
					width: 750rpx;
					height: 87vh;
	
	
				}
			}
	
			.uni-list:after {
				position: absolute;
				z-index: 10;
				right: 0;
				bottom: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #c8c7cc;
			}
		}
	
		// 加载状态
		.loading-more {
			height: 3vh;
			align-items: center;
			justify-content: center;
			text-align: center;
	
			.loading-more-text {
				font-size: 28rpx;
				color: #999;
			}
		}
	
	}
	// 左右结构，图片在右
	.uni-list-cell {
		.uni-media-list-logo {
			width: 180rpx;
			height: 140rpx;
			border-radius: 9px
		}
	
		.uni-media-list-body {
			height: auto;
			justify-content: space-around;
		}
	
		.uni-media-list-text-top {
			height: 74rpx;
			font-size: 28rpx;
			overflow: hidden;
		}
	
		.uni-media-list-text-bottom {
			display: flex;
			flex-direction: row;
			.text {
				
				margin-right: 3vh;
	
			}
	
			.uni-icons {
				margin-right: 1vw;
			}
	
		}
	}
	
	// 单列
	.footer-box {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		justify-content: space-between;
		flex-direction: row;
	
		.uni-media-list-logo {
			width: 180rpx;
			height: 140rpx;
			border-radius: 9px
		}
	
		.uni-media-list-body {
			height: auto;
			justify-content: space-around;
		}
	
		.uni-media-list-text-top {
			height: 74rpx;
			font-size: 28rpx;
			overflow: hidden;
		}
	
		.uni-media-list-text-bottom {
			display: block;
			flex-direction: row;
	
			// justify-content: space-between;
			.text {
				margin-right: 3vh;
	
			}
	
			.uni-icons {
				margin-right: 1vw;
			}
	
		}
	
		.favorite {
			float: left;
			line-height: 1;
			border: 1px solid;
			border-radius: 4rem;
			padding: 2px 13px 5px 10px;
			background-color: white;
			color: orange;
			margin-top: 5px;
		}
	
		.other {
			float: right;
			line-height: 0.8;
	
			view {
				display: unset;
				font-size: 15px;
	
				margin-right: 5px;
	
				text {
					font-size: 15px !important;
				}
			}
		}
	
	}
	
	
	
	// 双列
	.goods-list {
		background-color: #f4f4f4;
	
		.title {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60upx;
			color: #979797;
			font-size: 24upx;
		}
	
		.loading-text {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60upx;
			color: #979797;
			font-size: 24upx;
		}
	
		.product-list {
			width: 95%;
			padding: 0 2.5% 2.5vw 2.5%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
	
			.product {
				width: 48.75%;
				border-radius: 20upx;
				background-color: #fff;
				margin: 0 0 15upx 0;
	
				image {
					width: 100%;
					border-radius: 20upx;
					height: 185px;
				}
	
				.name {
					width: 92%;
					padding: 10upx 4%;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					text-align: justify;
					overflow: hidden;
					font-size: 25upx;
				}
	
				.info {
					color: gray;
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					width: 92%;
					padding: 10upx 4% 10upx 4%;
	
					.other {
						float: right;
						line-height: 0.8;
	
						view {
							display: unset;
							font-size: 15px;
	
							margin-right: 5px;
	
							text {
								font-size: 15px !important;
							}
						}
						
						.text {
							margin-left: 5px;
						}
					}
	
					.mini-btn {
						line-height: 1;
						font-size: 5px;
						padding: 5px;
					}
				}
			}
	
		}
	}